﻿@media screen and (max-width: 1200px){

	/*导航*/
	.header .header_Panel .tel,
	.header_hover .header_Panel .tel{display:none;}
	.header .header_Panel .nav{text-align:right;}

	/*banner*/
	/*.banner .m_mn{display:none;}*/
	.banner .br_text{padding:0 20px;}
}

@media screen and (max-width: 992px){
	.header,
	.header_hover{height:60px;}
	.header .header_Panel .nav,
	.header_hover .header_Panel .nav{display:none;}

	.header .header_Panel,
	.header_hover .header_Panel{
	    height: 60px;
	    width: 90%;
	    margin: 0 auto;
	    position: relative;
	}
	.header .header_Panel .logo,
	.header_hover .header_Panel .logo{
	 
	    margin-top: 10px;
	    width: 140px;
	    height: 40px;
	    background: url(../images/logo.png) 0 0 no-repeat 100%;
	  	background-size:cover;
	}



	.header .left a img {
	   	 	max-width: 70%;
		}
	#navToggle {
		height: 100%;
		padding:10px 15px;
		display: inline-block;
		position:absolute;
		
		right:0;
		color: #fff;
	}
	
	.header_hover #navToggle span,
	.header_hover #navToggle span:before,
	.header_hover #navToggle span:after{
		background:#000;
	}


	#navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	#navToggle span:before,
	#navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
		color: #fff;
	}
	#navToggle span,
	#navToggle span:before,
	#navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #fff;
	}
	#navToggle span:before {
		top: 8px;
		color: #000;
	}
	#navToggle span:after {
		bottom: 10px;
		color: #000;
	}
	#navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	#navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	#navToggle.open span {
		background: none;
	}
	#navToggle.open span:before,
	#navToggle.open span:after {
		background: #4f4f4f;
	}
	
	
	


	.on #navToggle span, .on #navToggle span:before, .on #navToggle span:after {
	    -webkit-transition: 0.3s;
	    -moz-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	    display: block;
	    background: #000;
	}


	/*banner*/
	.banner{height:260px;}
	.banner .br_box{height:260px;}
	.banner_bg img{height:260px;}
	.banner_bg img.banner1,
	.banner_bg img.banner2,
	.banner_bg img.banner3,
	.banner_bg img.banner4{display:none;}

	.banner_bg img.banner01,
	.banner_bg img.banner02,
	.banner_bg img.banner03,
	.banner_bg img.banner04{width:100%;display:block;}


    .banner .tt{font-size:18px;line-height:22px;}
	.banner .tt h2{font-size:25px;margin-bottom:10px;}
	.banner .tt p{font-size:12px;}
	.banner .tt font{color:#ea5d2f;font-size:16px;}
	.banner .tt .f-btn{width:90px;height:30px;line-height:30px;margin:5px 0;font-size:14px;}
	
	.banner .br_text {margin:100px auto;}



	/*banner删减内容*/
	.banner .br_text{display:none;}


	/*漂浮客服*/
	.right_side{display:none;}

	/*版底*/
	.footer_top,
    .footer_mid{display:none;}


    .case-index-title {
	    font-size: 14px;
	    padding:20px 0;
	}

	.case-index-title h2 {
	    font-size:20px;
	}
	.case-index-title p {
	    font-size: 12px;
	    margin-top:20px;
	}


}






